<template>
    <view>
        <view style="padding: 0 25rpx"><u-text type="info" margin="8px 0 8px 0" text="承租人信息"></u-text></view>
        <view style="background-color: #ffffff">
            <u-cell-group>
                <u-cell :value="userinfo.r_name">
                    <view slot="title" class="u-slot-title">
                        <text class="u-cell-text">承租人姓名</text>
                        <u-tag text="已实名" plain size="mini" type="primary"></u-tag>
                    </view>
                </u-cell>
                <u-cell title="承租人性别" :value="userinfo.sex"></u-cell>
                <u-cell title="手机号" :value="userinfo.tel"></u-cell>
                <u-cell title="承租人证件" :value="userinfo.r_type"></u-cell>
                <u-cell title="承租人证件号" :value="r_num"></u-cell>
            </u-cell-group>
        </view>
        <view style="padding: 0 25rpx"><u-text type="info" margin="8px 0 8px 0" text="承租人证件"></u-text></view>
        <view style="background-color: #ffffff;padding: 20rpx">
            <u-grid :border="false">
                <u-grid-item>
                    <u-image :showLoading="true" :src="userinfo.r_img_z" width="100px" height="80px"></u-image>
                </u-grid-item>
                <u-grid-item>
                    <u-image :showLoading="true" :src="userinfo.r_img_f" width="100px" height="80px"></u-image>
                </u-grid-item>
                <u-grid-item>
                    <u-image :showLoading="true" :src="userinfo.r_img_s" width="100px" height="80px"></u-image>
                </u-grid-item>
            </u-grid>
            <u-gap height="20"></u-gap>
        </view>
    </view>
</template>

<script>
    export default {
        name: "ListC",
        props:{
            userinfo:{
                type:Object,
            }
        },
        methods:{

            // 预览图片
            // onPreviewImage(item) {
            //     if (!item.isImage || !this.previewFullImage) return
            //     uni.previewImage({
            //         // 先filter找出为图片的item，再返回filter结果中的图片url
            //         urls: this.lists.filter((item) => uni.$u.test.image(item.url)).map((item) => item.url),
            //         current: item.url,
            //         fail() {
            //             uni.$u.toast('预览图片失败')
            //         },
            //     });
            // },
        }
    }
</script>

<style lang="scss" scoped>
    .u-slot-title{
        @include flex;
    }
    .u-cell-text{
        margin-right: 20rpx;
    }
</style>